<template>
  <el-tooltip class="item" effect="dark" :content="data" placement="top">
    <span style="display: inline-block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 80%">
      <slot></slot>
    </span>
  </el-tooltip>
</template>
<script>
  export default {
    name: 'xklTooltip',
    props: {
    },
    data () {
      return {
      }
    },
    watch: {
    },
    mounted () {
    },
    methods: {
    },
    computed: {
      data: {
        get () {
          return this.$slots.default[0].text
        },
        set (value) {
          this.$emit('input', value)
        }
      }
    }
  }
</script>
<style lang="less" scoped>
  .pageWrap{
    width: 100%;
    position: absolute;
    bottom: 0;
    background-color: #ffffff;
    /deep/.el-pagination{
      display: flex;
      justify-content: space-around;
      padding: 0;
      button{
        width: 50%;
        background: none;
        margin: 0;
        &:hover{
          background-color: rgba(240,240,240,0.3);
        }
      }
    }
  }
</style>
